<script setup lang='ts'>
// 自定义 规则
//interface Props {
//}

import { onMounted, ref, defineEmits, defineProps } from 'vue';
/**
 * @property 变量
 */
const props = defineProps({
    show: {
        type: Boolean,
        default: () => false
    },
});
const emits = defineEmits(['close', 'confirm']);

/**
 * @property  所有请求以api开头 如:apiDataInfo
 * / 


/**
 * @property 自定义事件 以事件名开头 如: clickButton,inputDev
 */


/**
 * @property 内置方法
 */


</script>
<template>
    <up-popup :show="props.show" mode="center" round="16">
        <div class="w-680 h-746 b-rd-2 flex-col relative">
            <div class="w-[100%] h-520 fc b-rd-4" style="background: linear-gradient(to bottom, #00BD78 0%, #FFFFFF 100%);">
                <div class="size-400 b-rd-2 bg-[#fff]">

                </div>
            </div>
            <div class="flex-col fc mt-3.5">
                <text class="font-size-48">添加客服微信</text>
                <text class="font-size-28 c-[#777777]">可以把您遇到的问题反馈给客服进行处理</text>
            </div>
            <div class="absolute bottom--152 left-[50%] size-80 b-rd-[50%] fc"
                style="transform: translateX(-50%); border: 1rpx solid #fff;" @click="emits('close')">
                <up-icon name="close" size="28rpx" color="#fff"></up-icon>
            </div>
        </div>
    </up-popup>
</template>
<style lang="scss" scoped></style>